<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>凡小羊</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- Swiper -->
  <div class="swiper-container">
      <div class="swiper-wrapper">
          <!-- 首页 -->
          <div class="swiper-slide" style="background: #f8b62d;">
            <div class="wrap_box wrap_boxindex">
              <img class="logo" src="https://img.hxjbcdn.com/2209ffaf-6a6b-4761-8531-eb7652a51d5e.png" alt="">
              <img class="yangtxt" src="https://img.hxjbcdn.com/48672708-3503-4de2-bae4-5fe46447d62d.png" alt="">
              <img class="detailImg" src="https://img.hxjbcdn.com/acabfc62-c86f-4a12-b730-7a6df0322776.png" alt="">
              <img class="posDown" src="https://img.hxjbcdn.com/a9e69cdf-6cfc-4de2-9fae-33c42858d8aa.png" alt="">
            </div>
            <img src="https://img.hxjbcdn.com/6d09717e-9d38-4ec4-a93b-64d304c8ae41.png" alt="" class="xiaArrow">  

          </div>
          <!-- 第一张图片 -->
          <div class="swiper-slide">
            <img class="posLogo" src="https://img.hxjbcdn.com/fce92b75-8308-4b39-8c42-63340e66494d.png" alt="">

            <div class="wrap_box">
              <p class="title">装修第一步 先上凡小羊</p>
              <p class="detail">家居装修分享平台</p>
              <img src="https://img.hxjbcdn.com/9c4c1888-298f-462a-8546-d16f3c672083.png" alt="" class="phone">
              <p class="download">立即下载</p>
            </div>
            <img src="https://img.hxjbcdn.com/6d09717e-9d38-4ec4-a93b-64d304c8ae41.png" alt="" class="xiaArrow">  
          </div>
          <!-- 第二张图片 -->
          <div class="swiper-slide">
            <img class="posLogo" src="https://img.hxjbcdn.com/fce92b75-8308-4b39-8c42-63340e66494d.png" alt="">

            <div class="wrap_box">
              <p class="title">海量装修美图 真实用户案例</p>
              <p class="detail">看全屋 找灵感，家原来还可以这样装</p>
              <img src="https://img.hxjbcdn.com/fabfec05-5575-4767-b4ad-2d77f7ceb983.png" alt="" class="phone">
              
              <p class="download">立即下载</p>
            </div>
            <img src="https://img.hxjbcdn.com/6d09717e-9d38-4ec4-a93b-64d304c8ae41.png" alt="" class="xiaArrow">  

          </div>
          <!-- 第三张图片 -->
          <div class="swiper-slide">
            <img class="posLogo" src="https://img.hxjbcdn.com/fce92b75-8308-4b39-8c42-63340e66494d.png" alt="">

            <div class="wrap_box">
              <p class="title">学习装修经验 分享家居好物</p>
              <p class="detailSmile">认识一起装修的小伙伴 原来装修也可以这么简单</p>
              <img src="https://img.hxjbcdn.com/ca04d7b8-7ec3-45b7-b0cc-b0fb19ff5fc1.png" alt="" class="phone">
              
              <p class="download">立即下载</p>
            </div>
            <img src="https://img.hxjbcdn.com/6d09717e-9d38-4ec4-a93b-64d304c8ae41.png" alt="" class="xiaArrow">  

          </div>
          <!-- 第四张图片 -->
          <div class="swiper-slide">
            <img class="posLogo" src="https://img.hxjbcdn.com/fce92b75-8308-4b39-8c42-63340e66494d.png" alt="">

            <div class="wrap_box">
              <p class="title">3秒闪电记账 严格把控预算</p>
              <p class="detailBr">
                订单随手即拍，全面记录每个装修瞬间<br/>
                不再翻箱倒柜找订单，随时随地翻旧账</p>
              <img src="https://img.hxjbcdn.com/e128e5ab-6010-4963-a930-d130ebb920e6.png" alt="" class="phone">
              <p class="download">立即下载</p>
            </div>
            <img src="https://img.hxjbcdn.com/6d09717e-9d38-4ec4-a93b-64d304c8ae41.png" alt="" class="xiaArrow">  
          </div>
          <!-- 第五张图片 -->
          <div class="swiper-slide" >
            <img class="posLogo" src="https://img.hxjbcdn.com/fce92b75-8308-4b39-8c42-63340e66494d.png" alt="">

            <div class="wrap_box">
              <p class="titleName">联系我们</p>
              <p class="addressName">
                地址：上海市徐汇区古美路1582号C座8楼<br/>
                邮箱：songfei@fanxiaoyang.cn<br/>
                商务合作:<span style="color:#fff">13564930893</span><br/>
                联系电话:<span style="color:#fff">18516260489</span><br/>         
              </p>
              <img src="https://img.hxjbcdn.com/ae8492ee-e073-432b-906f-ea9678f01372.png" alt="" class="address">
            </div>
            <img src="https://img.hxjbcdn.com/eb817fb2-86a2-414c-a42a-f51537b8b02d.png" alt="" class="topArrow">  

          </div>
      </div>
  </div>
  <script src="./js/rem.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        slidesPerView: 1,
        spaceBetween: 30,
        mousewheel: true
    });

  </script>
</body>
</html>